// @use 'element/index.scss' as *;

// 你的全局样式...

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Inter', 'MiSans', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif !important;
  line-height: inherit;
  font-size: 14px;
}

textarea {
  font-family: 'Inter', 'MiSans', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif !important;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('/fonts/PingFangSC-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('/fonts/PingFangSC-Semibold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

i {
  font-size: 22px !important;
}

// 滚动容器类，使用此类可让滚动条不占空间
.scroll-container {
  // 让滚动条悬浮在内容上方，不占用布局空间
  overflow-y: overlay !important;
  // 兼容标准属性，确保滚动条位置稳定
  scrollbar-gutter: stable both-edges;
  // 确保滚动条显示在内容上方
  overflow-x: hidden;

  // 在Firefox中使用自定义滚动条
  scrollbar-width: auto;
  scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

// 自定义滚动条样式
::-webkit-scrollbar {
  @apply w-2;
}

::-webkit-scrollbar-thumb {
  @apply bg-gray-300 rounded-full transition-colors duration-200 cursor-pointer;

  &:hover {
    @apply bg-gray-400;
  }

  &:active {
    @apply bg-gray-400;
  }
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  @apply opacity-0;
}
